<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <script>
    // HTTP 协议使用 XMLHttpRequest 进行通信
    // WebSocket 协议使用 WebSocket 进行通信
    // Create WebSocket connection.

    // 1. 建立连接（打开冰箱门）
    // const socket = new WebSocket('ws://localhost:8080');

    // // 2. 连接成功触发 open 事件
    // socket.addEventListener('open', function (event) {
    //   // 发送消息
    //   socket.send('Hello Server!');
    // });

    // // 接收消息
    // socket.addEventListener('message', function (event) {
    //   console.log('Message from server ', event.data);
    // });

    // 由于原生的 WebSocket 满足不了快速简单的开发需求，所以有一个第三方库：socket.io
    // socket.io 提供了服务端和客户端的实现，所以必须配套使用

  </script>
</body>

</html>
